<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="http://cms.news.cn/rlnbj/dist/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="http://zhibo.news.cn/rlnbj/dist/css/ace.min.css" />
<style type="text/css">
element.style {
    display: inline-block;
}

.file {
    position: relative;
    display: inline-block;
    background: #D0EEFF;
    border: 1px solid #99D3F5;
    border-radius: 4px;
    padding: 4px 12px;
    overflow: hidden;
    color: #1E88C7;
    text-decoration: none;
    text-indent: 0;
    line-height: 40px;
}

.file input {
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
}
</style>
</head>
<body>
	<form id="uploadForm_video" enctype="multipart/form-data" method="post" role="form" action="/video/upload">
		<input id="userName" type="hidden" name="userName" value="js_cwc">
		<input id="appId" type="hidden" name="appId" value="400"> 
		<input id="resourceType" type="hidden" name="resourceType" value="S">
		<input id="type" type="hidden" name="type" value="2">
		<input type="hidden" name="v1" value="http://www.news.cn">
		<input type="hidden" name="v2" value="http://www.baidu.com">
		<div class="file">
			<i class="upload-icon ace-icon fa fa-cloud-upload blue fa-3x"></i> <span
				id="fn" class="fn">选择文件</span> <input id="videoFile" type="file"
				name="videoFile" style="display: inline-block;"
				onchange="handleFile()">
		</div>
		<input type="txt" name="title">
	</form>
	
	<button class="btn btn-sm pull-right" id="uploadVideoBtn">上传</button>

<script type="text/javascript" src="http://www.xinhuanet.com/global/lib/jq/jquery1.12.4/jquery1.12.4.min.js"></script>
<script type="text/javascript">
function handleFile(){
	var uploadFile = document.getElementById("videoFile");
	var uploadFileName = uploadFile.value;
	if(uploadFileName==""){
		uploadFileName = " 选择文件"
	}
	$("#fn").html(uploadFileName);
}
$("#uploadVideoBtn").click(function(){
	$('#uploadForm_video').submit();
});

</script>
</body>
</html>